<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>困啊</title>
<!--    外部引入-->
    <link rel="stylesheet" href="css/test1.css">
<!--    导入样式-->
    <style>
        @import url("css/test2.css");
    </style>
    <style type="text/css">
/*<!--        内部样式-->*/
        div{
            border: 5px  solid chartreuse;
            background: blueviolet;

        }
    </style>
</head>
<body>
<!--
1.优先级从上往下
2.!优先级最高
-->
<!--行内式-->
<div style="width: 100px;height: 100px;background: deepskyblue">

</div>
</body>
</html>




















